<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>冒险起源</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.7.1.min.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
</head>
<body>
<!--header-->
<div class="header">
	<div class="header_bar"></div>
    <div class="header_box x_start_end y_center" >
        <div class="left">
            <a href="javascript:;" class="p0_10 y_center"><i class="m_icon prev"></i></a>
        </div>
        <div class="center t_ellipsis_1">结算详情</div>
        <div class="right"></div>
    </div>
</div>
<!---->
<div class="task_order_tit border_t">
	<div class="order_box">
    	<div class="tit x_start_end y_center">
            <div class="y_center">
                <h3 class="mr5">本次费用预估</h3>
                <i class="m_icon prob show_pop_jiesuan mr10"></i>
                <span class="bili">比例5000</span>
                
            </div>
            <a href="task_show.html">查看房间→</a>
        </div>
        <div class="info y_center">
            <div>
                <p>分红泰拉：2.58万（拍卖手续费平摊）</p>
                <p>总费用：5.16元（泰拉费用5.16，车费0）</p>
                <p>押金：50元</p>
            </div>
            <div class="state"><img src="images/state_d.png" /></div><!--state_d结算中，state_c已完成-->
        </div>
    </div>
</div>
<div class="task_order">
	<div class="shu">
    <div class="lm_tit x_start_end y_center">
    	<div class="y_center">
        	<span class="lm_tb done x_center y_center"><i class="m_icon"></i></span><!--已完成加done-->
            <span class="name">卖家提交初步结算</span>
        </div>
        <div class="color_999 fs12">1分钟前</div>
    </div>
	<div class="con_box">
    	<div class="li_box y_center">
        	<div class="name">卖家花费泰拉：</div>
            <div class="info color_e00">27万</div>
        </div>
        <div class="li_box y_center">
        	<div class="name">是否有可交易卡片：</div>
            <div class="info">无</div>
        </div>
        <div class="li_box y_center">
        	<div class="name">相关截图：</div>
            <div class="info">
            	<div class="pic x_center y_center">
                    <img src="images/in_tu_01.png" />
                    <img src="images/in_tu_01.png" />
                </div>
            </div>
        </div>
    </div>
    <div class="lm_tit x_start_end y_center">
    	<div class="y_center">
        	<span class="lm_tb x_center y_center"><i class="m_icon"></i></span>
            <span class="name">买家确认结算</span>
        </div>
        <div class="color_999 fs12">已确认1/5</div>
    </div>
	<div class="con_box">
    	<div class="li_box x_start_end y_center">
        	<div class="user_info y_center">
            	<img src="images/role_face/role_face_guijian_01.png" />
                <div>
                    <div class="role y_center">4.3 武神<em class="posi pos_b">一队</em><!--pos_a卖家/老板，pos_b一队/打手，pos_c甲板/混子--></div>
                    <div class="name t_ellipsis_1">角色名称角色名称角色名称角色名称</div>
                </div>
            </div>
            <div class="info color_e00 ta_r">待确认</div><!--color_e00待确认，color_0b8已确认-->
        </div>
        <div class="li_box x_start_end y_center">
        	<div class="user_info y_center">
            	<img src="images/role_face/role_face_guijian_01.png" />
                <div>
                    <div class="role y_center">4.3 武神<em class="posi pos_b">一队</em></div>
                    <div class="name t_ellipsis_1">角色名称</div>
                </div>
            </div>
            <div class="info color_0b8 ta_r">已确认</div>
        </div>
        <div class="li_box x_start_end y_center">
        	<div class="user_info y_center">
            	<img src="images/role_face/role_face_guijian_01.png" />
                <div>
                    <div class="role y_center">4.3 武神<em class="posi pos_c">甲板</em></div>
                    <div class="name t_ellipsis_1">角色名称</div>
                </div>
            </div>
            <div class="info color_e00 ta_r">待确认</div>
        </div>
        <div class="li_box x_start_end y_center">
        	<div class="user_info y_center">
            	<img src="images/role_face/role_face_guijian_01.png" />
                <div>
                    <div class="role y_center">4.3 武神<em class="posi pos_c">甲板</em></div>
                    <div class="name t_ellipsis_1">角色名称</div>
                </div>
            </div>
            <div class="info color_e00 ta_r">待确认</div>
        </div>
        <div class="li_box x_start_end y_center">
        	<div class="user_info y_center">
            	<img src="images/role_face/role_face_guijian_01.png" />
                <div>
                    <div class="role y_center">4.3 武神<em class="posi pos_c">甲板</em></div>
                    <div class="name t_ellipsis_1">角色名称</div>
                </div>
            </div>
            <div class="info color_e00 ta_r">待确认</div>
        </div>
        
    </div>
	<div class="lm_tit y_center">
    	<div class="y_center">
        	<span class="lm_tb x_center y_center"><i class="m_icon"></i></span>
            <div class="zidong y_center">
            	<i class="m_icon time"></i>
            	<div>
                	<p>若结算单未存在异议</p>
            		<p>房间完成<span class="color_e00">10分钟后</span>将由平台审核结算</p>
                </div>
            </div>
        </div>
    </div>
    </div>
</div>

<!---->
<div class="clear_h60"></div>
<div class="page_btn_sub fixed_bg x_start_end y_center">
	<a href="javascript:;" class="btn btn_small btn_oline btnc_36f y_center"><i class="m_icon kefu"></i>联系客服</a>
    <div class="y_center">
    	<a href="javascript:;" class="btn btn_small btn_bg btnc_e00">发起异议</a>
    	<a href="javascript:;" class="btn btn_small btn_bg btnc_36f">确认结算</a>
    </div>
</div>

<!--弹窗，结算规则-->
<div class="js_dialog js_dialog_jiesuan">
	<div class="pop_box pop_down_box pop_iframe_box pop_jiesuan_box">
        <div class="pop_tit y_center border_b">
        	<h3>任务结算规则</h3>
            <i class="m_icon pop_close pop_jiesuan_close"></i>
        </div>
        <div class="con_box">
            <iframe src="page_news_jiesuan.html" class="page_iframe"></iframe>
        </div>
        <div class="clear_h10"></div>
        
    </div>
</div>

<script>
$().ready(function(e) {
	//弹窗，结算规则
	pop_box_c({
		show_btn:".show_pop_jiesuan",
		zz:".js_dialog_jiesuan",
		box:".pop_jiesuan_box",
		close:".pop_jiesuan_close",
		body_close:true
	});
	
	//task_order滚动
	$(".task_order").outerHeight($(window).height()-$(".header").outerHeight(true)-$(".task_order_tit").outerHeight(true)-60);
	//滚动到最新完成的
	
	
});
</script>
</body>
</html>
